@import '../mixins.scss';
@import '../variable.scss';

.order__list {
  @include wrapper;
  padding: 0;
  background: $content-bgColor;
  .title {
    line-height: .44rem;
    background: #F7F7F7;
    font-size: .16rem;
    color: $content-fontcolor;
    text-align: center;
  }
  .order {
    margin: .16rem .18rem;
    padding: .16rem;
    background: #FFF;
    &__title {
      margin-bottom: .16rem;
      line-height: .22rem;
      font-size: .16rem;
      color: $content-fontcolor;
    }
    &__status {
      float: right;
      font-size: .14rem;
      color: $light-fontColor;
    }
    &__content {
      display: flex;
      &__imgs {
        flex: 1;
        img {
          width: .4rem;
          height: .4rem;
          margin-right: .12rem;
        }
      }
    }
    &__info {
      width: .7rem;
      text-align: right;
      &__price {
        margin-bottom: .04rem;
        font-size: .14rem;
        color: $highlight-fontColor;
      }
      &__count {
        line-height: .14rem;
        font-size: .12rem;
        color: $content-fontcolor;
      }
    }
  }
}
